/* components/dialog/dialog.wxss */
.mask {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0,0,0,0.4);
  z-index: 9999;
}

.dialog-content {
  display: flex;
  flex-direction: column;
  background-color: #fff;
  border-radius: 5PX;
  transform: translateY(-20rpx);
  height: 200PX;
  width: 80%;

  .title {
    text-align: center;
    padding: 10PX 0;
  }

  .main-content{
    flex: 1;
    height: 100%;
    overflow-y: hidden;
    text-align: center;
  }

  .dialog-btn-wrapper{
    --btn-height: 50PX;
    display: flex;
    flex-direction: row;
    height: var(--btn-height);
    line-height: var(--btn-height);
    border-top: 2rpx solid rgba(7,17,27,0.1);

    .cancel-btn,
    .confirm-btn {
      flex: 1;
      height: var(--btn-height);
      line-height: var(--btn-height);
      text-align: center;
      font-size: 16PX;
    }
    
    .cancel-btn {
      color:rgba(7,17,27,0.6);
      border-right: 1PX solid rgba(7,17,27,0.1);
    }
    
    .confirm-btn {
      color:#13b5f5;
    }
  }
}



